<div>
<app-form [form]="data"  class="app-formctrl">
        <ng-template let-form>
        <div [hidden]="$activeFormPage !== 'formpage1'"  class="app-form-page">
     <ion-item-group [hidden]="!detailsModel.group1?.visible" class="app-form-group">
                        <app-form-item [field]="detailsModel.kssj">
    <ng-template let-kssj>
        <ion-item lines="none" [hidden]="!kssj?.visible" class="app-form-item left" style=''>
            <label style="width: 130px;" class="app-form-item-label left" slot="start">
                 请假开始时间
               <span class="stars" *ngIf="!kssj.isAllowEmpty">*</span>
            </label>
            <div class="app-form-item-editor" style="width:100%;" slot="end">
                <app-datetime class="app-form-item-datetime" [disabled]="kssj.disabled" datefmt="YYYY-MM-DD HH:mm:ss" [(ngModel)]="form.kssj"></app-datetime>
            </div>
        </ion-item>
    </ng-template>
</app-form-item>

                        <app-form-item [field]="detailsModel.jssj">
    <ng-template let-jssj>
        <ion-item lines="none" [hidden]="!jssj?.visible" class="app-form-item left" style=''>
            <label style="width: 130px;" class="app-form-item-label left" slot="start">
                 请假结束时间
               <span class="stars" *ngIf="!jssj.isAllowEmpty">*</span>
            </label>
            <div class="app-form-item-editor" style="width:100%;" slot="end">
                <app-datetime class="app-form-item-datetime" [disabled]="jssj.disabled" datefmt="YYYY-MM-DD HH:mm:ss" [(ngModel)]="form.jssj"></app-datetime>
            </div>
        </ion-item>
    </ng-template>
</app-form-item>

                        <app-form-item [field]="detailsModel.qjts">
    <ng-template let-qjts>
        <ion-item lines="none" [hidden]="!qjts?.visible" class="app-form-item left" style=''>
            <label style="width: 130px;" class="app-form-item-label left" slot="start">
                 本次请假天数
               <span class="stars" *ngIf="!qjts.isAllowEmpty">*</span>
            </label>
            <div class="app-form-item-editor" style="width:100%;" slot="end">
                <ion-input class="app-form-item-input" [value]="form.qjts" (ionInput)="form.qjts=$event.target.value"  [disabled]="qjts.disabled" ></ion-input>
            </div>
        </ion-item>
    </ng-template>
</app-form-item>

                        <app-form-item [field]="detailsModel.yysm">
    <ng-template let-yysm>
        <ion-item lines="none" [hidden]="!yysm?.visible" class="app-form-item left" style='height: 100;'>
            <label style="width: 130px;" class="app-form-item-label left" slot="start">
                 请假原有说明
               <span class="stars" *ngIf="!yysm.isAllowEmpty">*</span>
            </label>
            <div class="app-form-item-editor" style="width:100%;" slot="end">
                <app-textarea labelText="请假原有说明" [allowEmpty]="yysm.isAllowEmpty" class="app-form-item-textarea" [(value)]="form.yysm" [disabled]="yysm.disabled"  position="LEFT" height="100px"></app-textarea>
            </div>
        </ion-item>
    </ng-template>
</app-form-item>

                        <app-form-item [field]="detailsModel.fj">
    <ng-template let-fj>
        <ion-item lines="none" [hidden]="!fj?.visible" class="app-form-item left" style=''>
            <label style="width: 130px;" class="app-form-item-label left" slot="start">
                 附件
               <span class="stars" *ngIf="!fj.isAllowEmpty">*</span>
            </label>
            <div class="app-form-item-editor" style="width:100%;" slot="end">
                <app-file-upload style="width: 100%" [disabled]="fj.disabled" [(value)]="form.fj" [params]="{ filecount: 1 }" [multiple]="false"></app-file-upload>
            </div>
        </ion-item>
    </ng-template>
</app-form-item>

                        
                </ion-item-group>

     
</div>

        </ng-template>
    </app-form>
<div>
